HTML + CSS로 현실적인 불꽃 (애니메이션 포함) 만들기

CG등의 파티클로 불꽃을 만드는 방법을 응용해, HTML과 CSS만으로 리얼한 불꽃의 애니메이션을 작성했습니다. 1개 1개는 단지 원형입니다만, 그들을 상승시키면서 겹치는 것으로, 불꽃과 같은 연출을 만들고 있습니다. div 요소 대량으로 만드는 것이 귀찮았기 때문에 Pug를 사용하고 있습니다. 이 요소 하나 하나가 파티클이 됩니다. 래퍼의 요소에 관해서는 크기와 position 에 관한 설...

HTMLCSSCSS 예술애니메이션